<template>
  <div >
    <head-top head-title="其他指标" go-back='true'></head-top>     
     <el-table    :data='otherKpi'  element-loading-text='给我一点时间' border fit highlight-current-row>
        <el-table-column  label='线别' prop="lineName" width="95" >
        </el-table-column>
        <el-table-column  label='2-5分钟晚点次数' prop="wdlc25" width="95">
        </el-table-column>
        <el-table-column  label='5-15分钟晚点次数' prop="wdlc515" width="95">
        </el-table-column>
        <el-table-column  label='15分钟以上晚点次数' prop="wdlc15"  width="95">
        </el-table-column>
        <el-table-column  label='总电耗' prop="zdh"  width="95">
        </el-table-column>
    </el-table> 
    <br/> 
    <br/>       
    <el-table  :data='otherKpi'   element-loading-text='给我一点时间' border fit highlight-current-row >
        <el-table-column  label='牵引电耗' prop="qydh" width="95">
        </el-table-column>
        <el-table-column  label='牵引电耗占比' prop="qy_rate" width="95">
        </el-table-column>
        <el-table-column  label='施工计划数' prop="zjh" width="95">
        </el-table-column>
        <el-table-column  label='施工计划完成数' prop="zjhWc" width="95">
        </el-table-column>
        <el-table-column  label='其中临时计划数' prop="lsjh" width="95">
        </el-table-column>
    </el-table>   
  </div>  
  
</template>
<script>
  import { Scroller } from 'vux'
  import headTop from "src/components/head";
  import { XTable, LoadMore } from 'vux'
  import vue from "vue";
  export default{
    components:{
      headTop, XTable,LoadMore,Scroller
    },
    data() {
      return {
      detail:null,
      otherKpi:[] 
    };
    },
    created(){
      this.detail=this.$store.state.detail;     
      this.otherKpi=this.detail.otherKpi;
      //console.log("this.otherKpi", this.otherKpi); 
    },
    methods: {
    
  }
};
</script>
<style>

.class_table{
     background-color:#fff;
     align-self: center;
     align-content: center;
     overflow:scroll;
}
.class_table_tr{
     background-color:rgb(17, 133, 179);
     align-self: center;
     align-content: center;
}
</style>
